<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input value="bbb">
<button id="aaa">点击</button>
<script>
    var input=document.getElementsByTagName('input')[0];
    input.value='zzzzz'//获取dom属性
    document.getElementById('aaa').onclick
    =function () {
        //获取html属性
        //这个属性不会随着代码的执行而改变,永远拿的是最初只
        var htmlVal =input.getAttribute('value');
        //尽量少用,不一定成功
        input.setAttribute('value','ccc');
        alert(htmlVal)
    }
</script>
</body>
</html>